<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>悟茶</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/index.css" />
		<link rel="stylesheet" type="text/css" href="css/animated.css" />
		<!--<script src="js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/resLoader.js" type="text/javascript" charset="utf-8"></script>-->
	</head>
	<style type="text/css">
		html,
			body {
				width: 100%;
				height: 100%;
				margin: 0px;
				border: 0px;
				overflow: auto;
				position: relative;
			}
		.hidden {
			display: none;
		}
		
		.block {
			display: block!important;
		}
		
		.marker {
			position: absolute;
			width: 20px;
			height: 20px;
			background: #f00;
		}
		#videos_s{
				width:100%;
				height: 100vw;
		}
	</style>

	<body style="position: relative;">
    <audio class="audios" src="radio/changjingradio.mp3" autoplay loop="loop"></audio>
		<div id="index_web">
			<!--右上角计数-->
			<div class="count">
				<img class="xs_img" src="img/jishu_.png" />
				<div class="num"><img class="nun_son" src="img/jishu_0.png" /></div>
			</div>
			<!--加载页-->
			<div class="loading">
				<!-- <div class="layers">
					<div class="layer-son"></div>
				</div> -->
				<img class="load_img" src="img/s-bg.png" />
				<img class="wu_wenan" src="img/wubg.png" />
				<div class="btm_content">
					<img src="img/6.png" class="con con6" />
                    <img src="img/5.png" class="con con5" />
                    <img src="img/4.png" class="con con4" />
                    <img src="img/3.png" class="con con3" />
                    <img src="img/2.png" class="con con2" />
                    <img src="img/1.png" class="con con1" />
				</div>
				<div id="bofang" class="what">
					<img class="what_img" src="img/7.png" />
				</div>
				<div class="loadings">
					<p class="loadTxt">0%</p>
				</div>
			</div>
			<!--播放视屏-->
			<div id="videos_s" class="video_">
				<img class="go" src="img/go.png" />
			</div>
			<!--切换们-->
			<div class="switch_">
				<img src="img/qiehuan.gif" />
			</div>
			<!--内容页-->
			<div class="content" id="clickdiv">
				<!--//背景图-->
				<img class="bg_imgs" src="img/bg_img.jpg" />
				<!--花瓶-->
				<img class="vase" src="img/huaping.png" />
				<!--广播-->
				<img class="advertising1" src="img/left.gif" />
				<img class="advertising2" src="img/conzhong.gif" />
				<img class="advertising3" src="img/right.gif" />
				<!--人偶-->
				<img class="doll" src="img/renou.png" />
				<!--木牌-->
				<img class="mupai1 mupai" src="img/mupai1.png" />
				<img class="mupai2 mupai" src="img/mupai2.png" />
				<img class="mupai3 mupai" src="img/mupai3.png" />
				<!--线索劵1-->
				<img class="securities" src="img/juan.png" />
				<div class="securities_div secue_common" style="position: fixed;width: 100vh;height: 100vw;">
					<img src="img/left1.png" />
				</div>
				<!--线索劵2-->
				<img class="securities2" src="img/juan2.png" />
				<div class="securities2_div secue_common" style="position: fixed;width: 100vh;height: 100vw;">
					<img src="img/righ1.png" />
				</div>
				<!--找全线索-->
				<div class="success" style="position: fixed;width: 100vh;height: 100vw;">
					<img src="img/success.png" />
					<img class="Bth" src="img/bth_look.png" />
				</div>
				<!--分享页面-->
				<div class="share" style="position: fixed;">
					<img class="rotateInUpLeft yanchi04" src="img/f2.png" />
					<img class="Bottom_ yanchi08" src="img/f1.png" />
					<img class="Right_ yanchi12" src="img/f05.png" />
					<img class="Right_ yanchi14" src="img/f02.png" />
					<img class="Right_ yanchi16" src="img/f00.png" />
					<img class="Bottom_ yanchi18" src="img/f3.png" />
                    <img class="erweima" src="img/erweima.png"/>
                    <img class="share_bth" src="img/share_bth.png"/>
                    <img class="jiantou" src="img/sharas_img.png"/>
				</div>
			</div>
		</div>
	</body>
	<script src="js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/resLoader.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/iphone-inline-video.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/H5Video.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/jsmpeg.min.js" type="text/javascript" charset="utf-8"></script>
	<script>
		var h5vid = new H5Video();
		h5vid.init('http://xiyuan-file.b0.upaiyun.com/video/h5/tao.mp4', '', '#videos_s');
		var video_tests = document.querySelector("#videos_s");
		video_tests.addEventListener("click", function() {
			h5vid.play();
		})


		// $('.video_tests').one('touchend',function(){
		// 	h5vid.play()
		// })
	</script>
</html>